<script setup lang="ts">
import { reactive } from 'vue'
import departInter from "@/type/depart-inter.ts";

const formInline = reactive<DepartmentInter>({})

const onSubmit = () => {
  console.log('submit!')
}
</script>

<template>
  <div class="depart-management">
    <div class="depart-data-view">
      <RouterView />
    </div>
  </div>
</template>

<style scoped>
.depart-management{
  width: 100%;
  height: 100%;
  background-color: #f8f8f8;
}
.depart-management-opt{
  width: 100%;
  padding: 10px 10px;
  display: flex;
  justify-content: space-around;
}
.depart-filter-opt{
  width: 750px;
  background-color: white;
  padding: 10px 10px;
  border-radius: 5px;
}
.depart-xxx{
  width: 750px;
  height: 140px;
  background-color: white;
}
.demo-form-inline .el-input {
  --el-input-width: 220px;
}

.demo-form-inline .el-select {
  --el-select-width: 220px;
}
</style>